// use this import to prevent scss path resolve error
@import url(src/styles/mui/backdrop.scss);

:root {
  font-family: "Microsoft YaHei", sans-serif;
  --theme-color: #aaa
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #333;
}

body {
  width: 100%;
  background: transparent;
}

.black_module {
  background-color: hsla(0, 0%, 0%, 0.3);
  border-radius: 10px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(100px);
}

.know_too_much {
  background: #000;
  color: #000;
  margin: 0 3px;
  padding: 0 3px;
  cursor: pointer;

  &:hover {
    color: #fff;
  }
}

.scrollbar_none {

  /* webkit */
  &::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  /* firefox */
  scrollbar-width: none;

  /* ie */
  -ms-overflow-style: none;
}

/* 清除IE10及以上版本input的叉叉（X）和密码输入框的眼睛图标 */
input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

/*清除谷歌浏览器下的 search 叉号 */
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*清除IE下的 search 叉号 */
input[type=search]::-ms-clear {
  display: none;
}